include ../common/mixin.jade
head
    +conf("校园易购")
body
    +backupNav("index.html?true","商品发布")
    .weui-cells
        .weui-cell
            .weui-cell__hd
                label.weui-label 商品类别
            .weui-cell__bd
                input.weui-input(name="goodlist", placeholder="二手易购",readonly="readonly")

    .weui-cells__title 商品详情

    .weui-cells
        .weui-cell
            .weui-cell__bd
                textarea.weui-textarea(placeholder="商品售价", rows="1")
    .weui-cells
        .weui-cell
            .weui-cell__bd
                textarea.weui-textarea(placeholder="标题名称", rows="1")
       

    .weui-cells
        .weui-cell
            .weui-cell__bd
                textarea.weui-textarea(placeholder="请输入商品描述ヽ(^▽^)ノ✿", rows="6")
   



    .weui-cells__title 商品图片

    #uploader.weui-cells.weui-cells_form
        .weui-cell
            .weui-uploader
                .weui-uploader__hd
                    p.weui-uploader__title 图片上传
                    .weui-uploader__info
                .weui-uploader__bd
                    ul#uploaderFiles.weui-uploader__files
                .weui-uploader__input-box
                    input#uploaderInput.weui-uploader__input(type='file', accept='image/*', capture='camera', multiple='')
        
    .weui-btn-area(onclick="success()")
        a.weui-btn.weui-btn_primary 提交    
    +footer
    script.
        function success(){
            weui.confirm('发布成功！',function(){
                window.location.href = "buylist.html";
            });
        }
        
    script.
        var uploadCount = 0;
        weui.uploader('#uploader', {
        url: 'http://localhost:8081',
        auto: true,
        type: 'file',
        fileVal: 'fileVal',
        compress: {
            width: 1600,
            height: 1600,
            quality: .8
        },
        onBeforeQueued: function(files) {
            // `this` 是轮询到的文件, `files` 是所有文件

            if(["image/jpg", "image/jpeg", "image/png", "image/gif"].indexOf(this.type) < 0){
                weui.alert('请上传图片');
                return false; // 阻止文件添加
            }
            if(this.size > 10 * 1024 * 1024){
                weui.alert('请上传不超过10M的图片');
                return false;
            }
            if (files.length > 5) { // 防止一下子选择过多文件
                weui.alert('最多只能上传5张图片，请重新选择');
                return false;
            }
            if (uploadCount + 1 > 5) {
                weui.alert('最多只能上传5张图片');
                return false;
            }

            ++uploadCount;

            // return true; // 阻止默认行为，不插入预览图的框架
        },
        onQueued: function(){
            console.log(this);

            // console.log(this.status); // 文件的状态：'ready', 'progress', 'success', 'fail'
            // console.log(this.base64); // 如果是base64上传，file.base64可以获得文件的base64

            // this.upload(); // 如果是手动上传，这里可以通过调用upload来实现；也可以用它来实现重传。
            // this.stop(); // 中断上传

            // return true; // 阻止默认行为，不显示预览图的图像
        },
        onBeforeSend: function(data, headers){
            console.log(this, data, headers);
            // $.extend(data, { test: 1 }); // 可以扩展此对象来控制上传参数
            // $.extend(headers, { Origin: 'http://127.0.0.1' }); // 可以扩展此对象来控制上传头部

            // return false; // 阻止文件上传
        },
        onProgress: function(procent){
            console.log(this, procent);
            // return true; // 阻止默认行为，不使用默认的进度显示
        },
        onSuccess: function (ret) {
            console.log(this, ret);
            // return true; // 阻止默认行为，不使用默认的成功态
        },
        onError: function(err){
            console.log(this, err);
            // return true; // 阻止默认行为，不使用默认的失败态
        }
        });
    script.
        function getErr__number(){
            weui.picker([
                { label: '二手易购'}, 
                { label: '优惠拼团'},
                { label: '技能小铺'}, 
                { label: '武院纪念品'}
            ],{
                onConfirm: function (result) {
                    goodlist[0].value= result[0].label;
                }
            });
        }        

      
        window.onload=function(){
            goodlist = document.getElementsByName("goodlist");

            goodlist[0].onclick=getErr__number;

        }